@import "~terriajs-variables";

.opacity {
  composes: clearfix from "../../../Sass/common/_base.scss";
  padding: $padding 0;
  border-bottom: 1px solid $border-color;
  font-size: $font-size-mini;
  display: flex;

  label {
    margin-right: $padding-small;
    float: left;
    width: 80px;
    flex-basis: 100px;
  }
  input[type="range"] {
    width: calc(100% - 85px);
  }
  .opacitySlider {
    margin-top: 2px;
  }
}
